<template>
	
	<view class="row">
			<view class="span24-8  px-2 mb-2" :key="index"
			v-for="(item,index) in label.list">
				<view class="rounded px-2 py-1 bg-light-secondary font-md text-center border"
				:class="label.selected === index ? 'radio-active':'border-light-secondary'"
				@click="changeRadio(index)">
					{{item.name}}
				</view>
			</view>
		</view>
</template>

<script>
	
	
	export default  {
		
		props:{
			label:Object
		},
		
		methods:{
			
			changeRadio(index) {
				console.log(index)
				// this.$emit('change',index)
				this.$emit('update:selected',index)
			}
			
			// changeRadio(index) {
			// 		this.$emit('change',index)
			// }
			
		}
	}
</script>

<style>
	
	.radio-active{
		background: #FCE0D5!important;
		color: #EB7320!important;
		border-color: #EB7320!important;;
	}
</style>
